<template>
  <div>
    <h1>测试axios二次封装</h1>
    <el-button :icon="Search" circle />
    <el-button type="primary" :icon="Edit" circle />
    <el-button size="small" type="danger" :icon="Delete" />
    <pagination></pagination>
    <div class="demo-pagination-block">
      <div class="demonstration">Change page size</div>
      <el-pagination
        :page-sizes="[100, 200, 300, 400]"
        :size="size"
        :disabled="disabled"
        :background="background"
        layout="sizes, prev, pager, next"
        :total="1000"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      />
      <svg-icon
        name="home"
        color="pink"
        width="100px"
        height="100px"
      ></svg-icon>
    </div>
  </div>
</template>

<script setup lang="ts">
import { Edit, Search, Delete } from '@element-plus/icons-vue'
import request from '@/utils/request'
import { onMounted } from 'vue'
import { reqLogin } from './api/user'
onMounted(() => {
  reqLogin({ username: 'admin', password: '111111' })
})
// onMounted(()=>{

//    request({
//   url:'/user/login',
//   method:'post',
//   data:{
//     username:'admin',
//     password:'111111'
//   }

//  }).then(res=>{
//   console.log(res)
//  })
// })
</script>
<style scoped lang="scss">
div {
  h1 {
    color: $color;
  }
}
</style>
